// vue3用proxy改写了响应式

const obj = {
  name: "zhangsan",
  age: 20,
  x: {
    a: 3,
  },
};

// 可以一次性地对整个对象进行监听
var proxy = new Proxy(obj, {
  // 在获取数据的时候调用
  get(obj, prop) {
    console.log("get");
    return obj[prop];
  },
  // 在修改数据的时候调用
  set(obj, prop, value) {
    console.log("set");
    obj[prop] = value;
    // 重新渲染页面
  },
});

// console.log(proxy.name);
// console.log(proxy.age);

// proxy.age = 30;

// console.log(proxy.name);
// console.log(proxy.age);

console.log(proxy.x.a);
proxy.x.a = 5;
